<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>vivo</title>
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="font/iconfont.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/pad.css" media="screen and (max-width: 1199px)">
    <link rel="stylesheet" href="css/phone.css" media="screen and (max-width: 768px)">
</head>
<body>
<div class="header">
    <div class="header-top">
        <ul class="header-top-left">
            <li><a href="#">品牌</a></li>
            <li><a href="#">Funtouch OS</a></li>
            <li><a href="#">体验店</a></li>
            <li><a href="#">政企业务</a></li>
            <li><a href="#">社区</a></li>
        </ul>
        <ul class="header-top-right">
            <li><a href="#">购物车</a></li>
            <li><a href="#">注册</a></li>
            <li>|</li>
            <li><a href="#">登录</a></li>
        </ul>
    </div>
    <div class="header-bottom">
        <div class="logo iconfont icon-vivo"></div>
        <ul class="bottom-middle nav1">
            <li><a href="#">iQOO专区</a></li>
            <li><a href="#">NEX系列</a></li>
            <li><a href="#">X系列</a></li>
            <li><a href="#">Z系列</a></li>
            <li><a href="#">Y系列</a></li>
            <li><a href="#">U系列</a></li>
            <li><a href="#">商城</a></li>
            <li><a href="#">服务</a></li>
        </ul>
        <ul class="bottom-middle nav2">
            <li><a href="#">iQOO</a></li>
            <li><a href="#">NEX</a></li>
            <li><a href="#">X</a></li>
            <li><a href="#">Z</a></li>
            <li><a href="#">Y</a></li>
            <li><a href="#">U</a></li>
            <li><a href="#">商城</a></li>
            <li><a href="#">服务</a></li>
        </ul>
        <div class="search iconfont icon-sousuo"></div>
    </div>
	<div class="header-phone">
		<a href="#" class="iconfont icon-caidan"></a>
		<h1><a href="#" class="iconfont icon-vivo"></a></h1>
		<a href="#" class="iconfont icon-baobao"></a>
	</div>
</div>
<div class="main">
    <div class="main-top">
        <ul>
            <li>
                <img src="images/banner.jpg" alt="">
				<img src="images/banner-phone.jpg" alt="">
            </li>
        </ul>
        <ol>
            <li class="active"></li>
            <li></li>
            <li></li>
            <li></li>
        </ol>
        <div class="main-info">
            <i></i>
            <i></i>
            <i></i>
            <p>
                <span>立即前往</span>
                <b></b>
            </p>
        </div>
    </div>
    <ul class="main-bottom">
        <li>
            <a href="#">
                <img src="images/vivo-promos-1.jpg" alt="">
                <div>
                    <h3>NEX旗舰版</h3>
                    <p>了解详情</p>
                </div>
            </a>
        </li>
        <li>
            <a href="#">
                <img src="images/vivo-promos-2.jpg" alt="">
                <div>
                    <h3>玩家眼里IQOD什么样？</h3>
                    <p>立即围观</p>
                </div>
            </a>
        </li>
        <li>
            <a href="#">
                <img src="images/vivo-promos-3.jpg" alt="">
                <div>
                    <h3>Z1青春版</h3>
                    <p>了解详情</p>
                </div>
            </a>
        </li>
        <li>
            <a href="#">
                <img src="images/vivo-promos-4.jpg" alt="">
                <div>
                    <h3>IQOD新品晒单</h3>
                    <p>旗舰新品等你拿</p>
                </div>
            </a>
        </li>
    </ul>
</div>
<div class="footer">
    <div class="footer-in">
        <div class="footer-top">
            <div class="footer-top-left">
<!--                (dl>(dt+dd*6))*5-->
                <dl>
                    <dt>热门链接</dt>
                    <dd>NEX双屏版</dd>
                    <dd>X23</dd>
                    <dd>Z3</dd>
                    <dd>vivo摄影</dd>
                    <dd>查找手机</dd>
                    <dd>常见问题</dd>
					
                </dl>
                <dl>
                    <dt>在线购买</dt>
                    <dd>官方商城</dd>
                    <dd>选购手机</dd>
                    <dd>选购配件</dd>
                    <dd>政企服务</dd>
                    <dd>以旧换新</dd>
                    <dd>服务保障</dd>
                </dl>
                <dl>
                    <dt>服务支持</dt>
                    <dd>服务首页</dd>
                    <dd>服务网点查询</dd>
                    <dd>真伪查询</dd>
                    <dd>服务政策</dd>
                    <dd>预约维修</dd>
                    <dd>维修配件价格</dd>
                </dl>
                <dl>
                    <dt>vivo社区</dt>
                    <dd>社区首页</dd>
                    <dd>摄影专区</dd>
                    <dd>贴吧</dd>
                    <dd>兴趣部落</dd>
                    <dd>新手课堂</dd>
                    <dd>社区规则</dd>
                </dl>
                <dl>
                    <dt>关于vivo</dt>
                    <dd>vivo简介</dd>
                    <dd>工作机会</dd>
                    <dd>新闻资讯</dd>
                    <dd>采购平台</dd>
                    <dd>开发者平台</dd>
                </dl>
            </div>
            <div class="footer-top-right">
                <p class="iconfont icon-ziyuan">在线客服</p>
                <div>
                    <p>400-678-9688</p>
                    <p>24小时全国服务热线</p>
                </div>
            </div>
        </div>
        <div class="footer-bottom clearfix">
            <div class="footer-bottom-right fr">
                <a href="#">关于vivo</a>
                <a href="#" class="iconfont icon-diqiu">中国</a>
            </div>
            <div class="footer-bottom-left fl">
                Copyright ©2011-2019 广东步步高电子工业有限公司 版权所有 保留一切权利 | 隐私政策 | 法律声明 | 粤B2-20080267 | 粤ICP备05100288号
                <img src="images/gssw-icon.png" alt="">
            </div>
        </div>
    </div>
</div>
</body>
</html>